@media  (max-width: 768px){
  .clearfix:before{
    content: "";
    display: block;
    clear: both;
  }
  .clearfix:after{
    content: "";
    display: block;
    clear: both;
  }
  .clearfix{
    zoom: 1;
  }
  .s-main-layout{
    max-width:100%;
    //margin-top: 1.12rem;
    .s-article-layout{
      .pdlx{
        font-size: .14rem;
        float: right;
        overflow: hidden;
        padding-bottom: .32rem;
        margin-right: .2rem;
        span{
          padding: .08rem  0;
          color: #b3b3b3;
        }
        span:first-child {
          margin-right: .32rem;
        }
        .pdlxok {
          color: #7D7D7D!important;
          border-bottom: .02rem solid #7D7D7D!important;
        }
      }


        .s-article-itmes{
          padding: .24rem .2rem;
          .s-article-hd{
            //height: .37rem;
            margin-bottom: .18rem;
            .s-user-bd{
              .avatar{
                height: .36rem;
                width: .36rem;
                border-radius: 50%;
                overflow: hidden;
                float: left;
                margin-right: .1rem;
                img{
                  width: 100%;
                }
              }
              .info{
                   float: left;
              }
              .name{
                margin-bottom: .04rem;
                a{
                  font-size: .12rem;
                  color: #27c4b5;
                }
              }
             .date{
               color: #b3b3b3;
               font-size: .12rem;
             }

            }

            .s-left{
              float: left;
            }
            .s-right{
              float: right;
              i{
                display: inline-block;
                width: .15rem;
                height: .15rem;
                margin-right: .08rem;
                vertical-align: text-bottom;
              }

              span{
                color: #b3b3b3;
                font-size: .12rem;
              }

            }
            .s-class1 i{
              background: url(../images/green.png) no-repeat;
              background-size: 100%;
            }
            .s-class2 i{
              background: url(../images/yellow.png) no-repeat;
              background-size: 100%;
            }
          }
          .s-article-bd{
            width: 100%;
            .s-article-img{
              width: 100%;
              height: 1.13rem;
              //background-image: url("../images/1.jpg");
              //background-size: 100%;
              //background-position: 50% 50%;
              //background-repeat: no-repeat;
              margin-bottom: .26rem;
              overflow: hidden;
              a{
                display: block;
                width: 100%;
                img{
                  width: 100%;
                  display:node;
                  //margin-top: -35%;
                }
              }
            }
            .s-article-tit{
              //width: 100%;
              font-size: .18rem!important;
              margin-bottom: .12rem!important;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              a{
                color: #202222;}
            }
            .s-article-txt{
              font-size: .14rem!important;
              margin-bottom: .24rem!important;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-box-orient:vertical;
              -webkit-line-clamp:3;
              a{color: #737373;}
            }
            .s-article-fd {
              color: #b3b3b3;
              //font-size: .14rem;
              .s-right{
                float: right;
                span{margin-left: -.02rem;font-size: .14rem;}
                i{
                  display: inline-block;
                  width: .16rem;
                  height: .16rem;
                  margin-right: .08rem;
                  vertical-align: text-bottom;
                }
              }
              .rightsc i{
                background: url(../images/sc.png) no-repeat;
                background-size: 100%;
              }
              .rightpl {
                margin-right: .2rem;
                i{
                  background: url(../images/pinglun.png) no-repeat;
                  background-size: 100%;
                }
              }
              .righttj {
                margin-right: .2rem;
                i{
                  background: url(../images/tuij.png) no-repeat;
                  background-size: 100%;
                }
              }
            }
          }
        }
      .line {
        border-bottom: 1px solid #EFF0F0;
      }
    }
  }
}


